<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>font-test</title>
		<link rel="stylesheet" href="index.css" />
		
	</head>
	<body>
		<div class="con">
			<div id="play" class="play">
				<p class="p1">死生契阔</p>
				<p class="p2">与子成说</p>
				<p class="p3">执子之手</p>
				<p class="p4">与子偕老</p>
				<p class="fotter">--陈宇</p>
			</div>
			
		</div>
		<!--<script src="//cdn.bootcss.com/jquery/3.1.1/core.js"></script>-->
		<script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
		<script type="text/javascript" src="velocity.min.js"></script>
		<script>
			$(document).ready(function(){
				aniamtion();
			});
			function aniamtion(){
				$('.p1').velocity({
					left:'0px',
					opacity:1
				},{
					duration:2000
				});
				$('.p2').velocity({
					left:'0px',
					opacity:1
				},{
					duration:2000
				});
				$('.p3').velocity({
					left:'0px',
					opacity:1
				},{
					duration:2000
				});
				$('.p4').velocity({
					left:'0px',
					opacity:1
				},{
					duration:2000
				});
			};
		</script>
	</body>
</html>
